<form class="form-horizontal">
<fieldset>

<!-- Form Name -->
<legend>
	<div class='miniTitle'>the duns</div> 
	<div class='legendTitle'>LOOKUP</div>
</legend>

<!-- Search input-->
<div class="form-group">
<div class="col-md-12">
  	<div class="col-md-6">  
    	<input id="company_name" ng-model="company_name" name="company_name" type="search" placeholder="Search Company Name" class="form-control input-md" required="">
    	<div class='-searchBar'></div><!--styled bar for search-->
    </div><!--col-md-6-->

    <div class="col-md-4">
      <select id="state" name="state" class="form-control" ng-model="state">
		  <option value="" selected="selected">State</option> 
		  <option value="AL">Alabama</option> 
		  <option value="AK">Alaska</option> 
		  <option value="AZ">Arizona</option> 
		  <option value="AR">Arkansas</option> 
		  <option value="CA">California</option> 
		  <option value="CO">Colorado</option> 
		  <option value="CT">Connecticut</option> 
		  <option value="DE">Delaware</option> 
		  <option value="DC">District Of Columbia</option> 
		  <option value="FL">Florida</option> 
		  <option value="GA">Georgia</option> 
		  <option value="HI">Hawaii</option> 
		  <option value="ID">Idaho</option> 
		  <option value="IL">Illinois</option> 
		  <option value="IN">Indiana</option> 
		  <option value="IA">Iowa</option> 
		  <option value="KS">Kansas</option> 
		  <option value="KY">Kentucky</option> 
		  <option value="LA">Louisiana</option> 
		  <option value="ME">Maine</option> 
		  <option value="MD">Maryland</option> 
		  <option value="MA">Massachusetts</option> 
		  <option value="MI">Michigan</option> 
		  <option value="MN">Minnesota</option> 
		  <option value="MS">Mississippi</option> 
		  <option value="MO">Missouri</option> 
		  <option value="MT">Montana</option> 
		  <option value="NE">Nebraska</option> 
		  <option value="NV">Nevada</option> 
		  <option value="NH">New Hampshire</option> 
		  <option value="NJ">New Jersey</option> 
		  <option value="NM">New Mexico</option> 
		  <option value="NY">New York</option> 
		  <option value="NC">North Carolina</option> 
		  <option value="ND">North Dakota</option> 
		  <option value="OH">Ohio</option> 
		  <option value="OK">Oklahoma</option> 
		  <option value="OR">Oregon</option> 
		  <option value="PA">Pennsylvania</option> 
		  <option value="RI">Rhode Island</option> 
		  <option value="SC">South Carolina</option> 
		  <option value="SD">South Dakota</option> 
		  <option value="TN">Tennessee</option> 
		  <option value="TX">Texas</option> 
		  <option value="UT">Utah</option> 
		  <option value="VT">Vermont</option> 
		  <option value="VA">Virginia</option> 
		  <option value="WA">Washington</option> 
		  <option value="WV">West Virginia</option> 
		  <option value="WI">Wisconsin</option> 
		  <option value="WY">Wyoming</option>
      </select>
      <div class='-searchBar'></div><!--styled bar for search-->
    </div>    
  
  	<!-- Button -->
	<div class="form-group col-md-2">
  		<div class="col-md-4">
    		<button ng-click="lookupDUNS()" id="search" name="search" class="btn btn-primary">Search</button>
  		</div><!--col-md-4 end-->
	</div><!--form-group col-md-2 end-->

</div><!--col-md-6 end-->
</div><!--form-group end-->


</fieldset>
</form>

(Tab between table and card view) 

<div ng-if="companies">
	<tabs>
    	<pane title="Cards">
			<ul class="list-inline">
				<li ng-repeat="item in companies" class='card-style col-md-6'>
					<div class='top-card'>

						<div class='card-title pull-left'>ADDRESS:</div>
						<div class='card-exp pull-left'>
							{{address.LineText}}
							{{item.PrimaryAddress.PrimaryTownName}}, {{item.PrimaryAddress.TerritoryAbbreviatedName}}
							{{item.PrimaryAddress.PostalCodeExtensionCode}}
							{{item.PrimaryAddress.CountryISOAlpha2Code}}
						</div>

						<div class='card-title pull-left'>QUANTITY:</div>
						<div class='card-exp pull-left'>
							{{item.ConsolidatedEmployeeDetails.TotalEmployeeQuantity}}
						</div>

						<div class='card-title pull-left'>REVENUE:</div>
						<div class='card-exp pull-left'>
							{{item.SalesRevenueAmount.$}}
							{{item.SalesRevenueAmount["@CurrencyISOAlpha3Code"]}} 
							{{item.SalesRevenueAmount["@UnitOfSize"]}}
						</div>

						<div ng-repeat="code in item.IndustryCode">
				  			<div ng-repeat="description in code.IndustryCodeDescription">
				  				<div class='card-title pull-left'>DESCRIPTION: </div>
				  				<div class='card-exp pull-left'>{{description.$}}</div>
				  			</div>
				     	</div>

					</div>
					<div class='bottom-card'>
						<div class='org-name'>
							{{item.OrganizationPrimaryName.OrganizationName.$}}
						</div>
					</div>
				</li>
			</ul>

		</pane>
    	<pane title="Table">

			<table border="1">
			  <tr>
			    <th>DUNS Number</th>
			    <th>Organization Name</th>
			    <th>Address</th>
			    <th>Employee Quantity</th>
			    <th>Sales</th>
			  </tr>
			  <tr ng-repeat="item in companies">
			    <td>{{item.DUNSNumber}}</td>
			    <td>{{item.OrganizationPrimaryName.OrganizationName.$}}</td>
			    <td>
			      <div ng-repeat="address in item.PrimaryAddress.StreetAddressLine">
			        {{address.LineText}}
			      </div>
			      <div>{{item.PrimaryAddress.PrimaryTownName}}, {{item.PrimaryAddress.TerritoryAbbreviatedName}} {{item.PrimaryAddress.PostalCodeExtensionCode}}</div>
			      <div>
			        {{item.PrimaryAddress.CountryISOAlpha2Code}}
			      </div>
			    </td>
			    <td>
			      {{item.ConsolidatedEmployeeDetails.TotalEmployeeQuantity}}
			    </td>
			    <td>
			      {{item.SalesRevenueAmount.$}}{{item.SalesRevenueAmount["@CurrencyISOAlpha3Code"]}} {{item.SalesRevenueAmount["@UnitOfSize"]}}
			    </td>
			  </tr>
			</table>
		</pane>
	</tab>
</div>
